<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>:empty 选择器</title>
		<!-- 空对象选择器 用来匹配没有内容的元素 -->
		<style type="text/css">
			p {
				width: 150px;
				height: 30px;
			}

			/* p:empty{   可以指定指定要匹配的对象
			  background: #33CCCC;
		  } */
			:empty {
				background: #33CCCC;
			}
		</style>

	</head>
	<body>

		<p>1数据</p>
		<p>2数据</p>
		<p>3数据</p>
		<p></p>
		<p>5数据</p>

		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>

	</body>
</html>
